	.grid{
		border: 1px solid #DFDFDF;
		display: table;	
	}
	.grid .grid-body{
		overflow-x: scroll;
		overflow-y: hidden;
		table-layout: fixed;	
	}
	
	.grid .grid-head{
		font-weight: bold;
		color: #0645ad;
	}
	
	.grid .grid-head,
	.grid .grid-row{
		height: 20px;
		cursor: pointer;
	}

	.grid .grid-head span,
	.grid .grid-row span{
		margin-left:5px;
		display: inline-block;
   		overflow: hidden;
    	white-space: nowrap;
	}

	.grid .grid-zebra{
		background-color: #DDDDFF; 
	}

	.grid .grid-row:hover{
		background-color: #C1C1FF; 
	}
	
	.grid .grid-head div{
		background-color: #D8EDFC;
	}
	.grid .grid-head div,
	.grid .grid-row div{
		border: 1px solid #FFFFFF;
		display: table-cell;
	}

	.grid .grid-footer{
		float: left;
		width: 100%;
		height: 30px;
	}

	.grid-botao-first, .grid-botao-previous,.grid-botao-next,.grid-botao-last{
		width: 16px;
		height: 16px;
		float: left;
		cursor: pointer;
		border: 1px solid #D8EDFC;
		margin-top : 5px;
		margin-left : 5px;
	}
	
	.grid-botao-first{
		background-image: url('./img/first.png')
	}
	
	.grid-botao-previous{
		background-image: url('./img/previous.png')
	}
	
	.grid-botao-next{
		background-image: url('./img/next.png')
	}

	.grid-botao-last{
		background-image: url('./img/last.png')
	}	
	
	.grid-label{
		 float:right;
		 padding: 10px;
	}